<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>首页 | xfunction.cn </title>

    @@include('./include/css-js.html',{ "relatepath":".." })

    <style>

    </style>
</head>

<body class="fixed-sn white-skin">
    @@include('./include/progress.html',{"relatepath":".."}) @@include('./include/head.html',{"relatepath":".."})
    <!--Main Layout-->
    <main>
        <div class="container">
            <!--Section: Cards-->
            <section class="pt-5">

                <!-- Heading & Description -->
                <div class="wow fadeIn">
                    <!--Section heading-->
                    <h2 class="h1 text-center mb-5">What is Xfunction?</h2>
                    <!--Section description-->
                    <p class="text-center mb-5 pb-5">Xfunction 由X和function组成，意为多功能的工具集合，主要服务于企事业宣传及市场运营活动提供若干功能。</p>
                    <!--
                    <p class="text-center mb-5 pb-5">Trusted by over
                        <strong>400 000</strong> developers and designers. Easy to use & customize. 400+ material UI elements, templates & tutorials.</p>
                    -->
                </div>
                <!-- Heading & Description -->

                <!--Grid row-->
                <div class="row wow fadeIn">

                    <!--Grid column-->
                    <div class="col-lg-5 col-xl-4 mb-4">
                        <!--Featured image-->
                        <div class="view overlay rounded z-depth-1-half">
                            <img src="../statics/images/banner/3.jpg" class="img-fluid" alt="">
                            <a href="/activity/public/public-list" target="_blank">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-lg-7 col-xl-7 ml-xl-4 mb-4">
                        <h3 class="mb-3 font-weight-bold dark-grey-text">
                            <strong>活动报名</strong>
                        </h3>
                        <p class="grey-text">线下活动是接解决用户/客户的最直接的渠道，平台分享在线活动发布，活动报名，扫码签到，大屏签到墙，现场抽奖等功能。</p>

                        <a href="/activity/public/public-list" target="_blank" class="btn btn-primary btn-md">开始使用
                            <i class="fas fa-play ml-2"></i>
                        </a>
                    </div>
                    <!--Grid column-->

                </div>
                <!--Grid row-->

                <hr class="mb-5">

                <!--Grid row-->
                <div class="row mt-3 wow fadeIn">

                    <!--Grid column-->
                    <div class="col-lg-5 col-xl-4 mb-4">
                        <!--Featured image-->
                        <div class="view overlay rounded z-depth-1">
                            <img src="../statics/images/banner/4.jpg" class="img-fluid" alt="">
                            <a href="/tools/questionnaire-list" target="_blank">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-lg-7 col-xl-7 ml-xl-4 mb-4">
                        <h3 class="mb-3 font-weight-bold dark-grey-text">
                            <strong>市场调查</strong>
                        </h3>
                        <p class="grey-text">市场调查包括调查问卷和信息收集两大功能点，可以实现问卷调查、活动报名、信息收集、意见反馈等需求。</p>
                        <a href="/tools/questionnaire-list" target="_blank" class="btn btn-primary btn-md">开始使用
                            <i class="fas fa-play ml-2"></i>
                        </a>
                    </div>
                    <!--Grid column-->

                </div>
                <!--Grid row-->

                <hr class="mb-5">

                <!--Grid row-->
                <div class="row wow fadeIn">

                    <!--Grid column-->
                    <div class="col-lg-5 col-xl-4 mb-4">
                        <!--Featured image-->
                        <div class="view overlay rounded z-depth-1">
                            <img src="../statics/images/banner/5.jpg" class="img-fluid" alt="">
                            <a href="shortLink/index.html" target="_blank">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-lg-7 col-xl-7 ml-xl-4 mb-4">
                        <h3 class="mb-3 font-weight-bold dark-grey-text">
                            <strong>短链接</strong>
                        </h3>
                        <p class="grey-text">实现将形如：htts://www.xfunction/shortLink/index.html的网址收缩成https://xfu.biz/zdfXs形态的网址。</p>
                        <a href="shortLink/index.html" target="_blank" class="btn btn-primary btn-md">开始使用
                            <i class="fas fa-play ml-2"></i>
                        </a>
                    </div>
                    <!--Grid column-->

                </div>
                <!--Grid row-->


            </section>
            <!--Section: Cards-->

        </div>
    </main>
    <!--Main Layout-->

    @@include('./include/foot.html',{"relatepath":".."}) @@include('./include/js-bottom.html',{ "relatepath":".." })

    <script type="text/javascript">
        // SideNav Initialization
        $(".button-collapse").sideNav();
        new WOW().init();
    </script>

</body>

</html>